$(document).ready(function () {
    setInterval(function () {
        $.get(rootDir + 'orders/interval', function (data) {
            var item = $.parseJSON(data);
            $.each(item, function (key) {

                var out = '<div class="item-order well" id="' + item[key].Order.id + '"><p class="cmtout"> <p><h3><span class="glyphicon glyphicon-music"></span>Bài hát: <a class="listen" target="_blank" href ="' + item[key].Order.link + '">' + item[key].Order.song + '</a></h3></p>';
                out += '<p>Do <strong>' + item[key].Order.sender + '</strong> gửi đên <strong>' + item[key].Order.receiver + '</strong> vào lúc: <em>'+item[key].Order.date+'</em>  </p>';
                out += '<span class="pull-right badge">0';
                out += '</span><span class="comment pull-right glyphicon glyphicon-comment"></span></p><div>';
                out += '<span class="glyphicon glyphicon-bullhorn"></span>';
                out += 'Với lời nhắn:<blockquote class="text-success">';
                out += '<p>' + item[key].Order.message + '</p>';
                out += '</blockquote></div></div>';
                $(".add").prepend(out);
            });
        })
    }, 3000);
    function stripHTML(string) {
        var re = /(<([^>]+)>)/gi;
        for (i = 0; i < string.length; i++)
            string[i].value = string[i].value.replace(re, "")
    }

    function validateURL(url) {
        var pattern = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
        if (pattern.test(url)) {
            return true;
        }
        return false;
    }

    function validateTagHtml(text) {
        var pattern = /<(\"[^\"]*\"|'[^']*'|[^'\">])*>/;
        if (pattern.test(text)) {
            return true;
        }
        return false;
    }

    function validateTagScript(text) {
        var pattern = /<script\b[^>]*>([\s\S]*?)<\/script>/gm;
        if (pattern.test(text)) {
            return true;
        }
        return false;
    }

    var rootDir = document.URL;
    $(window).scroll(function () {
        if ($(this).scrollTop() > 140) {
            $('.order-form').addClass('fixed');
        } else {
            $('.order-form').removeClass('fixed');
        }
    });

    $('.order').on('click', function () {
            var receiver = ($("#OrderReceiver").val());
            var sender = ($("#OrderSender").val());
            var message = ($("#OrderMessage").val());
            var link = ($("#OrderLink").val());
            var song = ($("#OrderSong").val());
            if (sender.length == 0) {
                sender = 'Nặc danh';
            }
            //check empty
            if (receiver.length == 0) {
                $("#OrderReceiver").focus();
                window.alert("Bạn muốn gửi tặng ai? Hãy nhập tên người đó vào mục người nhận ^_^");
            }

            else if (song.length == 0) {
                $("#OrderSong").focus();
                window.alert("Bạn muốn gửi tặng bài hát yêu thương nào ? ^_^");
            }
            else if (link.length == 0) {
                $("#OrderLink").focus();
                window.alert("Link bài hát bạn muốn gửi lời yêu thương là gì? ^_^");
            } else if (!validateURL(link)) {
                $("#OrderLink").focus();
                alert('Link nhạc của bạn không hợp lệ :( ! Bạn vui lòng kiểm tra lại nhé');
            }
            else if (message.length == 0) {
                window.alert("Lời nhắn nhủ yêu thương của bạn là gì? *_*");
                $("#OrderMessage").focus();
            } else if (validateTagHtml(receiver) || validateTagScript(receiver)) {
                alert('Tên người nhận có ký tự không hợp lệ mời bạn kiểm tra lại!');
                $("#OrderReceiver").focus();
            } else if (validateTagHtml(song) || validateTagScript(song)) {
                alert('Tên bài hát tồn tại ký tự không hợp lệ! Vui lòng kiểm tra lại!');
                $("#OrderSong").focus();
            } else if (validateTagHtml(message) || validateTagScript(message)) {
                alert('Nội dung lời nhắn tồn tại ký tự không hợp lệ! Vui lòng kiểm tra lại!');
                $("#OrderMessage").focus();
            } else if (validateTagHtml(link) || validateTagScript(link)) {
                alert('Link bài hát tồn tại ký tự không hợp lệ! Vui lòng kiểm tra lại!');
                $("#OrderLink").focus();
            } else if (validateTagHtml(sender) || validateTagScript(sender)) {
                alert('Tên người gửi tồn tại ký tự không hợp lệ! Vui lòng kiểm tra lại!');
                $("#OrderSender").focus();
            }
            else {
                $(".loadajax").fadeIn();
                $.post(rootDir + 'orders/order', {receiver: receiver, sender: sender, message: message, link: link, song: song}, function (data) {
                    $(".loadajax").fadeOut('fast');
                    $(".ok").fadeIn(1000).fadeOut();
                    var order = $.parseJSON(data);

                    var out = '<div class="item-order well" id="' + order.id + '"><p class="cmtout"> <p><h3><span class="glyphicon glyphicon-music"></span>Bài hát: <a class="listen" target="_blank" href ="' + order.link + '">' + order.song + '</a></h3></p>';
                    out += '<p>Do <strong>' + order.sender + '</strong> gửi đên <strong>' + order.receiver + '</strong> vào lúc: <em></em>  </p>';
                    out += '<span class="pull-right badge">0';
                    out += '</span><span class="comment pull-right glyphicon glyphicon-comment"></span></p><div>';
                    out += '<span class="glyphicon glyphicon-bullhorn"></span>';
                    out += 'Với lời nhắn:<blockquote>';
                    out += '<p>' + order.message + '</p>';
                    out += '</blockquote></div></div>';
                    $("#OrderMessage").val('');
                    $("#OrderLink").val('');
                    $("#OrderSong").val('');
                    $("#OrderReceiver").val('');
                    $(".add").prepend(out);
                    alert('Order thành công!');
                    window.location.reload();
                });
                return false;
            }
        }
    )
    ;

    $('.orderold').on('click', function () {
        var receiver = $("#OrderReceiver").val();
        var sender = $("#OrderSender").val();
        var message = $("#OrderMessage").val();
        var link = $("#OrderLink").val();
        var song = $("#OrderSong").val();
        $(".loadajax").fadeIn();
        if (sender.length == 0) {
            sender = 'Nặc danh';
        }
        //check empty
        if (receiver.length == 0) {
            window.alert("người nhận?");
            $("#OrderReceiver").focus();
        }

        else if (song.length == 0) {
            window.alert("Tên bài hát?");
            $("#OrderSong").focus();
        }
        else if (link.length == 0) {
            window.alert("link nhạc?");
            $("#OrderLink").focus();
        }
        else if (message.length == 0) {
            window.alert("Lời nhắn?");
            $("#OrderMessage").focus();
        }
        else {

            $.post('/orders/order', {receiver: receiver, sender: sender, message: message, link: link, song: song}, function (data) {
                $(".loadajax").fadeOut('fast');
                $(".ok").fadeIn(1000).fadeOut();
                var order = $.parseJSON(data);

                var out = '<div class="item-order well" id="' + order.id + '"><p class="cmtout"> <p><h3><span class="glyphicon glyphicon-music"></span>Bài hát: <a class="listen" target="_blank" href ="' + order.link + '">' + order.song + '</a></h3></p>';
                out += '<p>Do <strong>' + order.sender + '</strong> gửi đên <strong>' + order.receiver + '</strong>  vào lúc: <em></em> </p>';
                out += '<span class="pull-right badge">0';
                out += '</span><span class="comment pull-right glyphicon glyphicon-comment"></span></p><div>';
                out += '<span class="glyphicon glyphicon-bullhorn"></span>';
                out += 'Với lời nhắn:<blockquote class="text-success">';
                out += '<p >' + order.message + '</p>';
                out += '</blockquote></div></div>';
                $("#OrderMessage").val('');
                $("#OrderLink").val('');
                $("#OrderSong").val('');
                $("#OrderReceiver").val('');
                $(".add").prepend(out);
                window.location.href = '/orders';
                window.location.reload();
            });
            return false;
        }
    });

    //comment click method
    $('.row').on('click', '.comment', function () {
        var parent = $(this).parent();
        $('.cmt').remove();
        var id = parent.attr('id');
        $(parent).append('<div class="cmt" attr="' + id + '"></div>');
        $(".cmt").load('orders/renderComment/' + id);
    });
//    $('.comment').click(function() {
//        var parent = $(this).parent();
//        $('.cmt').slideUp().remove();
//        var id = parent.attr('id');
//        $(parent).append('<div class="cmt" attr="' + id + '"></div>');
//        $(".cmt").slideDown('2000').load('/ordermusic/orders/renderComment/' + id);
//    });


});